<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="keywords" content=""><meta name="description" content=""><title></title><script src="__PUBLIC__/mobile/js/flexible.js"></script><link rel="stylesheet" href="__PUBLIC__/mobile/css/sm.css"><link rel="stylesheet" href="__PUBLIC__/mobile/css/lee.css"><style>/*弹窗标题、确认、取消字体颜色*/
			html body .date-time .bar-nav,
			html body .city-picker .bar-nav,
			html body .meeting-num .bar-nav, 
			html body .date-time .picker-footer span,
			html body .city-picker .picker-footer span,
			html body .meeting-num .picker-footer span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layerbtn span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont header, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont article span.active i:before, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .delay-time .layui-m-layercont footer, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layerbtn span {
				color: #{$color.layer_font};
			}

			/*按钮边框，原白色*/
			html body .header-user-activity .activity-btn strong, 
			html body .chat-footer div strong, 
			html body .wrap .user-detail .pic div .focused i, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span:nth-child(6)
			{
				-webkit-box-shadow: 0 0 0 1px #{$color.main_line} inset;
				-moz-box-shadow: 0 0 0 1px #{$color.main_line} inset;
				-ms-box-shadow: 0 0 0 1px #{$color.main_line} inset;
				-o-box-shadow: 0 0 0 1px #{$color.main_line} inset;
				box-shadow: 0 0 0 1px #{$color.main_line} inset;
			}

			/*按钮边框，原黄色*/
			html body .header-title .btn em, 
			html body .wrap .user-detail .pic div em, 
			html body .wrap .user-detail .pic div div i, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul:nth-child(2) li:nth-child(5) div strong, 
			html body .wrap .user-detail .register span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .btn span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span
			{
				-webkit-box-shadow: 0 0 0 1px #{$color.deputy_line} inset;
				-moz-box-shadow: 0 0 0 1px #{$color.deputy_line} inset;
				-ms-box-shadow: 0 0 0 1px #{$color.deputy_line} inset;
				-o-box-shadow: 0 0 0 1px #{$color.deputy_line} inset;
				box-shadow: 0 0 0 1px #{$color.deputy_line} inset;
			}

			/*菜单下分割线阴影，原白色*/
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li
			{
				-webkit-box-shadow: 0 -1px 0 0 #{$color.main_line} inset;
				-moz-box-shadow: 0 -1px 0 0 #{$color.main_line} inset;
				-ms-box-shadow: 0 -1px 0 0 #{$color.main_line} inset;
				-o-box-shadow: 0 -1px 0 0 #{$color.main_line} inset;
				box-shadow: 0 -1px 0 0 #{$color.main_line} inset;
			}
			/*菜单下分割线边框，原白色*/
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao-confirm .layui-m-layercont h2, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont h2
			{
				border-bottom: 1px solid #{$color.main_line};
			}

			/*弹窗边框，原白色*/
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div span
			{
				-webkit-box-shadow: 1px 0 0 0 #{$color.main_line} inset, 0 1px 0 0 #{$color.main_line} inset, 0 -1px 0 0 #{$color.main_line} inset;
				-moz-box-shadow: 1px 0 0 0 #{$color.main_line} inset, 0 1px 0 0 #{$color.main_line} inset, 0 -1px 0 0 #{$color.main_line} inset;
				-ms-box-shadow: 1px 0 0 0 #{$color.main_line} inset, 0 1px 0 0 #{$color.main_line} inset, 0 -1px 0 0 #{$color.main_line} inset;
				-o-box-shadow: 1px 0 0 0 #{$color.main_line} inset, 0 1px 0 0 #{$color.main_line} inset, 0 -1px 0 0 #{$color.main_line} inset;
				box-shadow: 1px 0 0 0 #{$color.main_line} inset, 0 1px 0 0 #{$color.main_line} inset, 0 -1px 0 0 #{$color.main_line} inset;
			}

			/*地图搜索弹窗边框，原白色*/
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search .layui-m-layercont article .con div:nth-child(1) {
					-webkit-box-shadow: 0 -1px 0 0 #{$color.main_line}, 0 -1px 0 0 #{$color.main_line} inset;
					-moz-box-shadow: 0 -1px 0 0 #{$color.main_line}, 0 -1px 0 0 #{$color.main_line} inset;
					-ms-box-shadow: 0 -1px 0 0 #{$color.main_line}, 0 -1px 0 0 #{$color.main_line} inset;
					-o-box-shadow: 0 -1px 0 0 #{$color.main_line}, 0 -1px 0 0 #{$color.main_line} inset;
					box-shadow: 0 -1px 0 0 #{$color.main_line}, 0 -1px 0 0 #{$color.main_line} inset;
			}

			/*主字体、图标颜色（原白色字体、图标）*/
			html body .header-back-btn:after, 
			html body .header-title .arrow:after,
			html body .header-title .link-arrow:after,
			html body .header-title .arrow-no-event:after, 
			html body .header-title .left-btn, 
			html body .header-title .map:after, 
			html body .header-title .search:after, 
			html body .header-title .help:after, 
			html body .header-title h1, 
			html body .header-title strong, 
			html body .header-title .list:after, 
			html body .header-title .like:after, 
			html body .header-title .like.active:after, 
			html body .header-title .forwarding:after, 
			html body .header-activity .user-more:before, 
			html body .header-user-activity .arrow:after,
			html body .header-user-activity .link-arrow:after,
			html body .header-user-activity .arrow-no-event:after, 
			html body .header-user-activity .activity-btn strong, 
			html body .header-user-activity em, 
			html body .header-news em:before, 
			html body .header-news em.active i:before, 
			html body .index-footer a, 
			html body .index-footer a:nth-child(1):before, 
			html body .index-footer a:nth-child(2):before, 
			html body .index-footer a:nth-child(3):before, 
			html body .index-footer a:nth-child(4):before, 
			html body .index-footer a:nth-child(5):before, 
			html body .chat-footer div span:after, 
			html body .chat-footer div .active:after, 
			html body .chat-footer div strong, 
			html body .hongbao-footer p, 
			html body .album-footer span:before, 
			html body .header-footer span,
			html body .header-footer label, 
			html body .wrap .user-detail .pic div span, 
			html body .wrap .user-detail .pic div strong, 
			html body .wrap .user-detail .pic div .recording, 
			html body .wrap .user-detail .pic div .recording:before, 
			html body .wrap .user-detail .pic div .focused i, 
			html body .wrap .user-detail .detail .nav strong,
			html body .wrap .user-detail .detail .nav .swiper-pagination-bullet, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li span, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) h2, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ul li span,
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) ol li span, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) h2, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dt span, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd span, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd ul li, 
			html body .wrap .user-detail .register strong, 
			html body .date-time .picker-items .picker-items-col,
			html body .city-picker .picker-items .picker-items-col,
			html body .meeting-num .picker-items .picker-items-col, 
			html body .date-time .picker-items .picker-items-col .picker-items-col-wrapper .picker-item,
			html body .city-picker .picker-items .picker-items-col .picker-items-col-wrapper .picker-item,
			html body .meeting-num .picker-items .picker-items-col .picker-items-col-wrapper .picker-item, 
			html body .date-time .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected,
			html body .city-picker .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected,
			html body .meeting-num .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected, 
			html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .current-month-value,
			html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .current-month-value,
			html body .calendar .toolbar .toolbar-inner .picker-calendar-month-picker .current-year-value,
			html body .calendar .toolbar .toolbar-inner .picker-calendar-year-picker .current-year-value, 
			html body .calendar .picker-modal-inner .picker-calendar-week-days .picker-calendar-week-day, 
			html body .calendar .picker-modal-inner .picker-calendar-months .picker-calendar-months-wrapper .picker-calendar-month .picker-calendar-row .picker-calendar-day, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-layer-msg .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .loading .layui-m-layercont p, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search strong:after, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search h2, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div h3, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div .con span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao-confirm .layui-m-layercont h2, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao-confirm .layui-m-layercont p, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont h2, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont .selection span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont h2, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont div span em, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont strong, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont div input, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont div,
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont a,
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont p, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .play:after, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .stop:after, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont strong, 
			body .lazy-loading, 
			body .no-data, 
			html body .header-title .arrow:after,
			html body .header-title .link-arrow:after,
			html body .header-title .arrow-no-event:after, 
			html body .wrap .activity-list-map #map div div div .BMap_Marker i, 
			html body .picker-columns .picker-items .picker-items-col, 
			html body .picker-columns .picker-items .picker-items-col .picker-items-col-wrapper .picker-item, 
			html body .picker-columns .picker-items .picker-items-col .picker-items-col-wrapper .picker-selected, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-layer-msg .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search .layui-m-layercont article .input input,
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search .layui-m-layercont article .input span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search .layui-m-layercont article .con div span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search .layui-m-layercont article .con div:before, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search .layui-m-layercont article .con .active:before, 
			html .contact-list .mui-bar-nav .mui-action-back:before,
			html .user-job .mui-bar-nav .mui-action-back:before, 
			html .contact-list .mui-bar-nav .mui-title,
			html .user-job .mui-bar-nav .mui-title, 
			html .contact-list .mui-bar-nav #done.mui-btn,
			html .user-job .mui-bar-nav #done.mui-btn, 
			html .contact-list .mui-indexed-list .mui-indexed-list-search .mui-indexed-list-search-input,
			html .user-job .mui-indexed-list .mui-indexed-list-search .mui-indexed-list-search-input, 
			html .contact-list .mui-indexed-list .mui-indexed-list-search .mui-placeholder .mui-icon-search:before,
			html .user-job .mui-indexed-list .mui-indexed-list-search .mui-placeholder .mui-icon-search:before, 
			html .contact-list .mui-indexed-list .mui-indexed-list-search .mui-placeholder span,
			html .user-job .mui-indexed-list .mui-indexed-list-search .mui-placeholder span, 
			html .contact-list .mui-indexed-list .mui-active:before,
			html .user-job .mui-indexed-list .mui-active:before, 
			html .contact-list .mui-indexed-list .mui-indexed-list-bar a,
			html .user-job .mui-indexed-list .mui-indexed-list-bar a, 
			html .contact-list .mui-indexed-list .mui-indexed-list-inner .mui-indexed-list-empty-alert,
			html .user-job .mui-indexed-list .mui-indexed-list-inner .mui-indexed-list-empty-alert, 
			html .contact-list .mui-indexed-list .mui-indexed-list-inner .mui-table-view .mui-table-view-cell,
			html .user-job .mui-indexed-list .mui-indexed-list-inner .mui-table-view .mui-table-view-cell, 
			html .user-contact .mui-indexed-list .mui-indexed-list-inner .mui-table-view .mui-table-view-cell span:before, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-layer-msg .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale .layui-m-layercont, 
			body .mui-popup .mui-popup-inner div
			{
				color: #{$color.main_font};
			}

			/*副字体、图标颜色（原黄色字体、图标）*/
			html body .header-title h1 span, 
			html body .header-title a.manage, 
			html body .header-user-activity .activity-btn .active, 
			html body .index-footer a:nth-child(1).active,
			html body .index-footer a:nth-child(2).active,
			html body .index-footer a:nth-child(3).active,
			html body .index-footer a:nth-child(4).active,
			html body .index-footer a:nth-child(5).active, 
			html body .index-footer a:nth-child(1).active:before,
			html body .index-footer a:nth-child(2).active:before,
			html body .index-footer a:nth-child(3).active:before,
			html body .index-footer a:nth-child(4).active:before,
			html body .index-footer a:nth-child(5).active:before, 
			html body .hongbao-footer p span, 
			html body .wrap .user-detail .pic div em, 
			html body .wrap .user-detail .pic div .play:before, 
			html body .wrap .user-detail .pic div .playing:before, 
			html body .wrap .user-detail .pic div .self-play:after, 
			html body .wrap .user-detail .pic div .self-playing:after, 
			html body .wrap .user-detail .pic div .record,
			html body .wrap .user-detail .pic div .recording, 
			html body .wrap .user-detail .pic div .record:before, 
			html body .wrap .user-detail .pic div div i, 
			html body .wrap .user-detail .detail .nav .swiper-pagination-bullet-active, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li:before, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul:nth-child(2) li:nth-child(5) div strong, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(3) h2 i, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd h3, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a dl dd ul li:before, 
			html body .wrap .user-detail .register span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search div .con .active i:before, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .btn span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .index-search .btn em, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .hongbao .layui-m-layercont .get strong, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont .selection span:after, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-selection .layui-m-layercont .selection .active:after, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layer-password .layui-m-layercont h2, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont span:after, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont .pause:after, 
			body .mui-popup .mui-popup-buttons .mui-popup-button, 
			html body .wrap .activity-map .position-add,
			html body .wrap .invite-map .position-add, 
			html body .wrap .activity-map .position-add p, 
			html body .wrap .invite-map .position-add:before, 
			html body .wrap .invite-map .position-add h2, 
			html body .wrap .invite-map .position-add p 
			{
				color: #{$color.deputy_font};
			}

			/*弹窗背景*/
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .change-wx .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .layui-m-anim-scale, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .map-search, 
			html body .picker-columns, 
			html body .picker-columns .bar-nav, 
			html body .date-time,
			html body .city-picker,
			html body .meeting-num, 
			html body .date-time .bar-nav,
			html body .city-picker .bar-nav,
			html body .meeting-num .bar-nav, 
			html body .date-time .picker-items,
			html body .city-picker .picker-items,
			html body .meeting-num .picker-items, 
			html body .calendar, 
			html body .calendar .picker-modal-inner .picker-calendar-week-days
			{
				background: #{$color.layer_bac};
			}

			/*个人资料页弹窗按钮*/
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont div,
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont a,
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span
			{
				background: #{$color.user_setting_btn};
			}

			/*页面背景色*/
			html body, 
			html body .wrap > article
			{
				background: #{$color.page_bac};
			}

			/*头部、底部颜色*/
			html body .header-title, 
			html body .header-user-activity, 
			html body .index-footer, 
			html body .chat-footer, 
			html body .hongbao-footer, 
			html body .album-footer, 
			html body .header-footer, 
			html .contact-list .mui-bar-nav,
			html .user-job .mui-bar-nav, 
			html body .wrap .activity-map .position-add, 
			html body .wrap .invite-map .position-add
			{
				background: #{$color.header_footer_bac};
			}

			/*内容区颜色*/
			html body .hongbao-footer, 
			html body .album-footer, 
			html body .header-footer, 
			html body .wrap .user-detail .detail .nav, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(1) ul li, 
			html body .wrap .user-detail .detail .swiper-wrapper .swiper-slide:nth-child(4) .activity-box a, 
			html body .wrap .user-detail .register, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-setting .layui-m-layercont span, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layercont, 
			body .layui-m-layer .layui-m-layermain .layui-m-layersection .user-record .layui-m-layerbtn, 
			body .mui-popup .mui-popup-inner, 
			body .mui-popup .mui-popup-buttons .mui-popup-button, 
			body .mui-popup .mui-popup-inner, 
			html .contact-list .mui-indexed-list .mui-indexed-list-inner .mui-table-view .mui-table-view-cell,
			html .user-job .mui-indexed-list .mui-indexed-list-inner .mui-table-view .mui-table-view-cell
			 {
				background: #{$color.con_bac};
			}

			html body .header-activity {
			  background: transparent url(../images/activity_header.png) 0 0 no-repeat;
			  -webkit-background-size: 100% 100%;
			  -moz-background-size: 100% 100%;
			  -ms-background-size: 100% 100%;
			  -o-background-size: 100% 100%;
			  background-size: 100% 100%;
			}
			
			/*头像背景*/
			html body .wrap .user-detail .pic {
				background: url("{$data.imgurl}") 0 0 no-repeat;
				-webkit-background-size: 100% 100%;
				-moz-background-size: 100% 100%;
				-ms-background-size: 100% 100%;
				-o-background-size: 100% 100%;
				background-size: 100% 100%;
			}
			/*头像边框（原白色）*/
			html body .wrap .user-detail .pic img {
				-webkit-box-shadow: 0 0 0 2px #fff;
				-moz-box-shadow: 0 0 0 2px #fff;
				-ms-box-shadow: 0 0 0 2px #fff;
				-o-box-shadow: 0 0 0 2px #fff;
				box-shadow: 0 0 0 2px #fff;
			}

			html body .header-activity {
			  background: transparent url(__PUBLIC__/mobile/images/activity_header.png) 0 0 no-repeat;
			  -webkit-background-size: 100% 100%;
			  -moz-background-size: 100% 100%;
			  -ms-background-size: 100% 100%;
			  -o-background-size: 100% 100%;
			  background-size: 100% 100%;
			}</style></head><body><header class="header-title header-activity"><span class="arrow"></span> <strong class="more">更多</strong></header><div class="wrap" style="overflow:hidden"><article class="user-detail"><section class="pic"><img src="" alt="" v-bind:src="photo_id" v-on:click="showHeader"><div><span v-text="username"></span> <strong v-text="(sex == 1) ? '男' : '女'" v-bind:class="(sex == 1) ? 'boy' : 'girl'"></strong> <em v-text="(is_verify == 0) ? '未认证' : '已认证'"></em> <b class="record" v-if="is_self == 1" v-on:click="record" class="record" v-text="voice_id ? '' : '问候语'" v-bind:style="voice_id ? 'padding-right: 0;' : ''"></b> <b class="self-play" v-bind:class="(playColor == 0) ? 'self-play' : 'self-playing'" v-if="(is_self == 1) && voice_id" v-on:click="play"></b><div v-if="!is_self" v-on:click="focus" v-bind:class="(is_friend == 0) ? '' : 'focused'"><i v-text="(is_friend == 0) ? '+关注' : '已关注'"></i></div><audio v-bind:src="voice_id" v-on:pause="stopPlay"></audio><b v-on:click="play" v-bind:class="(playColor == 0) ? 'play' : 'playing'" v-if="(is_self == 0) && voice_id"></b></div></section><section class="detail swiper-container"><div class="swiper-pagination nav"><strong class="swiper-pagination-bullet">资料</strong> <strong class="swiper-pagination-bullet">相册</strong> <strong class="swiper-pagination-bullet">印象</strong></div><div class="swiper-wrapper"><div class="swiper-slide"><ul><li>用户ID<span v-text="id"></span></li><li v-on:click="href(user_name, '&user_name=' + username)">昵称<span v-text="username"></span></li><li>年龄<span v-text="age + ' ' + star" v-on:click="selectDate"></span><input type="text" name="" v-if="is_self == 1" id="date"></li></ul><ul><li style="display:none">简介<span v-text="introduction" v-on:click="href(user_intro, '&introduction=' + introduction)"></span></li><li>城市<span v-text="city"></span><input type="text" name="" id="city" v-if="is_self == 1"></li><li v-on:click="href(user_contact, '&contact=job')">职业<span v-text="job"></span></li><li v-on:click="href(user_body, '&body_shape=' + body_shape + '&sex=' + sex)">形体<span v-text="body_shape"></span></li><li class="label" v-on:click="href(user_label, '&label=' + labelStr)"><h3>个性标签</h3><div class="clearfix"><strong v-for="item in label" v-text="item"></strong></div></li></ul></div><div class="swiper-slide clearfix"><template v-if="is_self"><div class="update-img"><template v-if="iOS"><input type="file" name="" accept="image/*" v-on:change="updateImg" id="updateImage" multiple></template><template v-else><input type="file" name="" accept="image/*" v-on:change="updateImg" id="updateImage" capture="camera"></template><img alt="" v-bind:src="updateImage"><label for="updateImage"></label></div><a href="" v-for="(item, index) in images" v-bind:href="user_album + '?user_id=' + user_id + '&index=' + index"><span><img src="" alt="" v-bind:src="item.photo_id"></span></a></template><template v-else><a href="" v-for="(item, index) in images" v-bind:href="user_album + '?user_id=' + user_id + '&index=' + index + '&from=1'"><span><img src="" alt="" v-bind:src="item.photo_id"></span></a></template></div><div class="swiper-slide"><h2 v-html="(is_self == 1) ? '印象评价（爽约<i>' + times + '</i>次）' : '印象评价'"></h2><ul><li v-for="item in good"><span v-text="item.text"></span> <strong><em v-bind:style="{width: item.score + '%'}"></em></strong></li></ul><ol><li v-for="item in bad"><span v-text="item.text"></span> <strong><em v-bind:style="{width: item.score + '%'}"></em></strong></li></ol></div></div></section><section v-bind:class="askClass"><template v-if="ask_status == 2"><template v-if="isAsk == 1"><strong>已同意查看</strong></template><template v-else-if="isAsk == 2"><strong>已拒绝查看</strong></template><template v-else><span v-on:click="refuse">拒绝查看</span> <span v-on:click="accept">同意查看</span></template></template><template v-if="ask_status == 8"><template v-if="isAsk == 1"><strong>已同意关注</strong></template><template v-else-if="isAsk == 2"><strong>已拒绝关注</strong></template><template v-else><span v-on:click="refuse">拒绝关注</span> <span v-on:click="accept">同意关注</span></template></template></section></article></div><div class="picker-bac"></div><script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script src="__PUBLIC__/mobile/js/next.js" charset="UTF-8"></script><script src="//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js" charset="utf-8"></script><script src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script><script>var meetingPage="{:U('Home/Index/activity')}",userUrl="{:U('Home/Index/user')}",myInfoUrl="{:U('User/myInfo')}",userSetting="{:U('Home/Index/user_report')}",userDetailUrl="{:U('User/detail')}",userCompleteUrl="{:U('Home/Index/user_forget')}?type=complete",userIdentifyUrl="{:U('Home/Index/user_identify')}",userHeaderUrl="{:U('Home/Index/user_header')}",userActivityUrl="{:U('User/activity')}",userNameUrl="{:U('Home/Index/user_name')}",userAgeUrl="{:U('Home/Index/user_age')}",userIntroUrl="{:U('Home/Index/user_intro')}",userCityUrl="{:U('Home/Index/user_city')}",userJobUrl="{:U('Home/Index/user_job')}",userBodyUrl="{:U('Home/Index/user_body')}",userLabelUrl="{:U('Home/Index/user_label')}",userAlbumUrl="{:U('Home/Index/user_album')}",userHeaderUrl="{:U('Home/Index/user_header')}",userContactUrl="{:U('Home/Index/user_contact')}",photoUrl="{:U('User/getPhotos')}",focusUrl="{:U('User/follow')}",noFocusUrl="{:U('User/noFollow')}",addBlackUrl="{:U('User/blacklist')}",removeBlackUrl="{:U('User/noBlacklist')}",notFollowUrl="{:U('Activity/notFollow')}",yesFollowUrl="{:U('Activity/yesFollow')}",notPhotoUrl="{:U('Activity/notPhoto')}",yesPhotoUrl="{:U('Activity/yesPhoto')}",userUpdateUrl="{:U('User/update')}",userAddPhotoUrl="{:U('User/addPhotos')}",jsSdkUrl="{:U('Index/jssdk')}",sendVoiceUrl="{:U('Home/News/sendVoice')}",newMsgUrl="{:U('Index/jssdk')}",logoutUrl="{:U('Index/user_login')}";common.hintNewMsg()</script><script>wx.config({
        debug: false,
        appId:'{$data.appId}',
        timestamp: {$data.timestamp},
        nonceStr: '{$data.nonceStr}',
        signature: '{$data.signature}',
        // jsApiList : [ 'checkJsApi', 'scanQRCode' ]
        jsApiList: [
            'checkJsApi',
            'scanQRCode',
            'startRecord',
            'stopRecord',
            'onVoiceRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'onVoicePlayEnd',
            'uploadVoice',
            'downloadVoice',
            'getNetworkType',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'onMenuShareAppMessage'
        ]  
    });
    wx.error(function(res) {  
        window.location.reload();
		// core.layerHint("出错了：" + res.errMsg);    
    });  
  
    // wx.ready(function() {
    //     var record = {
    //         localId: '',
    //         serverId: '',
    //         localIds: '',
    //     };
    //     wx.checkJsApi({  
    //         jsApiList : ['uploadImage','previewImage','chooseImage','scanQRCode','startRecord','stopRecord','onVoiceRecordEnd','playVoice','onVoicePlayEnd','onMenuShareAppMessage'],  
    //         success : function(res) {  
    //         }  
    //     });  
  
    //     // 开始录音
    //     document.querySelector('#record').onclick = function () {
    //         alert('luying')
    //         wx.startRecord();
    //     };
        
    //     // 停止录音
    //     document.querySelector('#stoprecord').onclick = function() {
    //         alert('停止录音')
    //         wx.stopRecord({
    //             success: function (res) {
    //                 record.localId = res.localId;
    //             }
    //         });
    //     };

    //     // 录音时间超过一分钟没有停止的时候会执行 complete 回调
    //     wx.onVoiceRecordEnd({
    //         complete: function (res) {
    //             record.localId = res.localId;
    //             // $("#record").html('开始录音');
    //         }
    //     });

    //     //  播放语音
    //     document.querySelector('#playrecord').onclick = function() {

    //         if(record.localId == '') {
    //         	core.layerHint('你还没录音');
    //             // alert('你还没录音');
    //             return;
    //         }
    //         //播放录音
    //         wx.playVoice({
    //             localId: record.localId
    //         });
    //     };

    //     // 监听语音播放完毕接口
    //     wx.onVoicePlayEnd({
    //         success: function (res) {
    //             record.localId = res.localId; // 返回音频的本地ID
    //             // alert('播放完毕');
    //         }
    //     });
        
    //     //  上传录音
    //     document.querySelector('#uploadrecord').onclick = function() {
    //         if(record.localId == '') {
    //         	core.layerHint('你还没录音localId');
    //             // alert('你还没录音localId');
    //             return;
    //         }
    //         wx.uploadVoice({
    //             localId: record.localId,
    //             isShowProgressTips: 1,
    //             success: function (res) {
    //                 // alert(res.serverId)
    //                 record.serverId = res.serverId;
    //                 $.getJSON("{:U('Home/News/sendVoice')}",{user_id:'1', media_id:record.serverId}, function(data) {
    //                     if(data)
    //                         alert("Send successfully");
    //                 });
    //             }
    //         });
    //     };
 
    //     //  下载录音接口
    //     document.querySelector('#downloadrecord').onclick = function() {
    //         if(record.serverId == '') {
    //         	core.layerHint('你还没上传录音');
    //             // alert('你还没上传录音');
    //             return;
    //         }
    //         wx.downloadVoice({
    //             serverId: record.serverId, 
    //             isShowProgressTips: 1,
    //             success: function (res) {
    //                 record.localId = res.localId;
    //                 // alert(record.localId);
    //             }
    //         });
    //     };
          
    // });//end_ready</script><script src="__PUBLIC__/mobile/js/pages/user_detail.js" charset="UTF-8"></script><script></script></body></html>